@charset "utf-8";
/****************************/
/* readme in sample.local.css file      */
/****************************/

/* Header top */
.block-page-header-footer{margin:0;}
.header-top-inner .item-list{float:right;}
.header-top-inner .item-list ul{list-style-type:none;}
.header-top-inner .item-list ul li{display:inline;}
.header-top-inner .item-list ul li a:hover{text-decoration:underline;}

/* Header */
.header-group-inner{padding-top:20px;}
#block-system-main-menu li a{font-size:14px;line-height:20px;}
#block-system-main-menu li a.active{color:#ba3d49 !important;}

/* Login page */
#user-login input.form-submit{width:90px;padding:5px;margin:10px;background:#ba3d49;color:#FFFFFF;}

/* Sign up pqge */

/* Frontpage Slideshow */
.view-frontpage-slideshow .views_slideshow_main{position:relative;overflow:hidden;}
.view-frontpage-slideshow .views-field-nothing{position:absolute;left:0px;top:0px;width:100%;height:300px;}
.view-frontpage-slideshow .views-field-title{position:absolute;bottom:0px;background-color:rgba(0,0,0,0.8);color:#FFFFFF;font-size:30px;line-height:40px;padding:5px 10px;width:930px;
    transition:all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	}
.view-frontpage-slideshow .views-field-nothing:hover .views-field-title{
    bottom: 70px; /* bottom:0px ==> 70px */
    transition:all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
}
.view-frontpage-slideshow .views-field-body{position:absolute;height:70px;bottom:-70px;opacity:0;background-color:rgba(0,0,0,0.8);color:#FFFFFF;padding:0 10px;width:930px;
    transition:all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
}
.view-frontpage-slideshow .views-field-nothing:hover .views-field-body{
    bottom: 0px; /* bottom:-70px ==> 0px */
    opacity: 1; /* opacity:0 ==> 1 */
    transition:all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
}
.view-frontpage-slideshow .views-field-field-slide-image{width:960px;height:300px;}

/* Front page highlighted items */
.view-highlighted-article .view-header{margin:10px;}
.view-highlighted-article .views-field-field-content-images{display:inline-block;float:left;overflow:hidden;}
.view-highlighted-article .views-field-nothing-1{display:inline-block;float:left;width:200px;margin-left:15px;}
.view-highlighted-article .views-field-nothing-1 .line_1{float:right;font-size:12px;}
.view-highlighted-article .views-field-nothing-1 .line_1 .item-list ul{list-style-type:none;}
.view-highlighted-article .views-field-nothing-1 .line_1 .item-list li{margin-left:5px;display:inline-block;float:left;}
.view-highlighted-article .views-field-nothing-1 .line_1 .item-list li a,
.view-highlighted-article .views-field-nothing-1 .line_1 .item-list li a:hover{padding:1px 3px;color:#ba3d49;background:#FAFAFA;border:1px solid #DDDDDD;-moz-border-radius:2px;border-radius:2px;box-shadow:0px 1px 3px #E3E3E3;}

.view-highlighted-article .views-field-nothing-1 .line_2{clear:both;font-size:14px;line-height:22px;color:#333333 !important;margin-left:5px;padding-top:5px;}
.view-highlighted-article .views-field-nothing-1 .line_3{font-size:12px;color:#999 !important;margin-left:5px;}
.view-highlighted-article .views-field-nothing-1 .line_3 .comment-count{display:inline-block;float:left;}
.view-highlighted-article .views-field-nothing-1 .line_3 .author-created{display:inline-block;float:right;margin-left:5px;}
/* Front page highlighted items - container render */
.view-highlighted-article .view-content  div{overflow: hidden;}
.view-highlighted-article .view-content  div:hover{overflow: hidden; display:block; background-color:#fafafa;}
.view-highlighted-article .views-row{clear:both;margin:0;padding:10px;border-top:1px solid #fafafa;}

/* Form style (to be integrated into fusion-ivigne-style.css) */
.form-item input[type=text],input[type=password] {  
    padding: 5px; 
	margin: 5px 0;
    border: solid 1px #E5E5E5;  
    outline: 0;  
    width: 210px; 
    background: #FFFFFF; 
	}
.form-item /*input[type=text]:hover,input[type=password]:hover,*/input[type=text]:focus,input[type=password]:focus {  
    border-color: #d27b7b;
    box-shadow: rgba(255,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(255,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(255,0,0, 0.1) 0px 0px 8px; 
    }
    
/* Article list page - list filter */
.list-page-header-filter{overflow:hidden;display:block;background-color:#f5f5f5;}
.list-page-header-filter ul{list-style-type:none;}
.list-page-header-filter li{margin:5px 10px;}
.list-page-header-filter li a{color:#999 !important;}
.list-page-header-filter .checked a{color:#ba3d49 !important;}
.list-page-header-filter .term-filter{padding:0px 20px;margin:20px 0px;width:440px;display:inline-block;float:left;}
.list-page-header-filter .term-filter .filter-item-list-title{margin-left:10px;color:#333333 !important;}
.list-page-header-filter .term-filter .filter-item-list li{display:inline-block;}
.list-page-header-filter .order-filter{padding:0px 20px;margin:20px 0px;display:inline-block;float:left;border-left:1px solid #c6c1c0;}
.list-page-header-filter .order-filter .sort-item-list-title{margin-left:10px;color:#333333 !important;}
/* Article list page - text render */
.view-article-list-page .views-field-title{font:bold 14px/16px Arial,Helvetica,sans-serif;margin:5px 0;}
.view-article-list-page .views-field-title a,
.view-article-list-page .views-field-title a:hover{color:#333333 !important;}
.views-field-field-author{display:inline-block;font-size:12px;color:#999 !important;}
.views-field-created{display:inline-block;font-size:12px;color:#999 !important;}
.view-article-list-page .views-field-nothing{margin:5px 0px;}
.view-article-list-page .views-label-nothing{display:none;}
.view-article-list-page .related_articles{margin:5px 0px 0px 15px;color:#ba3d49 !important;}
.view-article-list-page .image-style{float:right;margin:0px 5px;}
.views-field-comment-count{clear:both;font-size:12px;color:#999 !important;}
.views-field-comment-count span.views-label-quiz-attempts{margin-left:10px;}
/* Article list page - container render */
.view-article-list-page .view-content div{overflow:hidden;}
.view-article-list-page .view-content div:hover{overflow:hidden;background-color:#fafafa;}
.view-article-list-page .views-row{padding:10px 5px;border-bottom:1px solid #fafafa;}
.view-article-list-page .views-row-last{border-bottom:none;}

/* Footer */
.footer-container .footer-slogan{display:inline-block;float:left;margin:20px;}
.footer-container .footer-slogan img{margin-bottom:5px;}
#footer-navigation{display:inline-block;float:right;margin:5px 0;}
#footer-navigation li{display:inline-block;float:left;margin:5px 10px;}
#footer-navigation .expanded{font-weight:bold;width:200px;border-right:1px dotted #f0f0f0;}
#footer-navigation .last{border:none;}
#footer-navigation .last .menu li{display:block;float:none;}
#footer-navigation .leaf{font-weight:normal;margin-left:0;}
.footer-container .credit{clear:both;color:#999;}

/* Background image */
.footer-slogan i{background:url(bg.png) no-repeat 0px -12px; _background-image:url(bg.png);width:210px;height:34px;display:inline-block;}
.comment-count i{background:url(bg.png) no-repeat 0px 0px; _background-image:url(bg.png);width:16px;height:12px;display:inline-block;margin-right:2px;vertical-align:middle;}
.views-field-comment-count i{background:url(bg.png) no-repeat 0px 0px; _background-image:url(bg.png);width:16px;height:12px;display:inline-block;margin-right:5px;vertical-align:middle;}
.views-label-quiz-attempts i{background:url(bg.png) no-repeat -16px 0px; _background-image:url(bg.png);width:16px;height:12px;display:inline-block;margin-right:5px;vertical-align:middle;}

/* Article page - breadscrumbs */
.breadcrumbs-article{margin:10px;}
/* Article page */
.node-article{font-size:14px;line-height:27px;color:#333333;}
.node-article #node-info{font-size:12px;line-height:20px;color:#666666;margin:10px;padding:10px 0;border-top:1px solid #fafafa;}
.node-article #node-info span{margin-right:20px;}
.node-article #node-summary{color:#ba3d49;margin:20px 0;}
.node-article #node-tags{margin:10px 0;font-size:12px;line-height:20px;font-weight:bold;}
.node-article #node-tags .odd,
.node-article #node-tags .even{display:inline-block;font-size:12px;line-height:20px;color:#666666;padding-right:20px;}
.node-article #node-tags a{display:list-item;list-style:none;background:url(tag.png) no-repeat left center; _background-image:url(tag.png) left center;padding-left:20px;vertical-align:middle;}
/* Article page - quizzler */
#node-quiz{clear:both;overflow:hidden;}
#node-quiz .collapsible > legend{width:630px;background:#F0F0F0;}
#node-quiz .fieldset-wrapper .fieldset-legend{padding:10px 0;background:none;}
#node-quiz .fieldset-title{margin-left:230px;font-weight:bold;font-size:18px;color:#52b6c6;}

#node-quiz .fieldset-wrapper{padding:0px 10px;background:#fafafa;}
#node-quiz input.form-submit{width:90px;padding:5px;margin:10px;background:#52b6c6;color:#FFFFFF;}
/* Article page - reference */
.node-article #node-reference{clear:both;overflow:hidden;padding:10px 0;font-size:12px;line-height:20px;font-weight:bold;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa;}
.node-article #node-reference .previous,
.node-article #node-reference .next{display:inline-block;float:left;width:260px;margin:0 20px;font-weight:normal;color:#666666;}
.node-article #node-reference .title{font:normal 14px/22px Arial,Helvetica,"Microsoft Yahei",sans-serif;color:#333333;margin:10px 0;}
.node-article #node-comment{clear:both;}
/* Article page - floating block */
.side_floating_block{position:fixed;top:245px;height:auto;background-color:#fafafa;border-left:5px solid #f0f0f0;padding:0px 15px;}
.side_floating_block .jiathis_style{margin:10px 0px 50px 0px;}
.side_floating_block .side_floating_block_bottom{margin:10px 0px;}
